<!DOCTYPE html>
<html lang="en">

<head>
	<title>张工设计-首页</title>
	<!-- for-mobile-apps 响应式 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<!-- //for-mobile-apps 响应式 -->
	<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="/css/contactstyle.css" type="text/css" media="all" />
	<link rel="stylesheet" href="/css/faqstyle.css" type="text/css" media="all" />
	<link href="/css/single.css" rel='stylesheet' type='text/css' />
	<link href="/css/medile.css" rel='stylesheet' type='text/css' />
	<link href="/css/usercenter.css" rel='stylesheet' type='text/css' />
	<!-- banner-slider 大banner-->
	<link href="/css/jquery.slidey.min.css" rel="stylesheet">
	<!-- //banner-slider 大banner-->
	<!-- font-awesome icons 字体icon-->
	<link rel="stylesheet" href="/css/font-awesome.min.css" />
	<!-- //font-awesome icons 字体icon-->
	<!-- pop-up 注册登录弹窗-->
	<link href="/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
	<!-- //pop-up 注册登录弹窗-->
	
	<!-- js -->
	<script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="/index.js"></script>
	<!-- //js -->
	
	<!-- banner-bottom-plugin 产品展示的banner轮播js-->
	<link href="/css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
	<script src="/js/owl.carousel.js"></script> 
	<!-- //banner-bottom-plugin 产品展示的banner轮播js-->

	<!-- start-smoth-scrolling 从底部滚动到头部 -->
	<script type="text/javascript" src="/js/move-top.js"></script>
	<!-- start-smoth-scrolling 从底部滚动到头部-->
	
	<script type="text/javascript" src="/js/jquery.validationEngine-zh_CN.js"></script>
	<script type="text/javascript" src="/js/jquery.validationEngine.js"></script>
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="container">
			<div class="w3layouts_logo">
				<a href="/">
					<h1>
						张工精确
					</h1>
				</a>
			</div>
			<div class="w3_search">
				<form action="#" method="post">
					<input type="text" name="Search" placeholder="产品报价" required="">
					<input type="submit" value="我要询价">
				</form>
			</div>
			<div class="w3l_sign_in_register">
				<ul>
					<!-- <li>
						<a href="/usercenter/index" title="前往个人中心"><i class="fa fa-phone" aria-hidden="true"></i> 188 0000 0000</a>
					</li>
					<li>
						<a href="#" data-toggle="modal" data-target="#forgetPassWordModal">重置密码</a>
					</li> --> 
					<li>
						<a id="topBtnLogin" href="javascript:;" data-toggle="modal" data-target="#myModal">登录 / 注册</a>
						<a id="topBtnUC" href="/usercenter/index" style="display: none">个人中心</a>
					</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //header -->
	<!-- bootstrap-pop-up 登录注册弹窗-->
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					登录 & 注册
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div>
					<div class="modal-body">
						<div class="w3_login_module">
							<div class="module form-module">
								<div class="toggle">
									<i class="fa fa-times fa-pencil"></i>
									<div class="tooltip">点击切换</div>
								</div>
								<div class="form formToggle">
									<h3 class="login_msg">登录账户</h3>
									<!-- <form method="post"> -->
										<input type="text" id="login_u" name="Username" placeholder="请输入用户名" maxlength="12">
										<input type="password" id="login_p" name="Password" placeholder="请输入登录密码" maxlength="8">
										<input type="submit" value="登录" onclick="dpy.Login.Login()">
									<!-- </form> -->
								</div>
								<div class="form formToggle">
									<h3 class="login_msg">注册新账户</h3>
									<!-- <form action="#" method="post"> -->
										<input type="text" id="reg_u" name="Username" placeholder="请输入用户名" maxlength="12">
										<input type="password" id="reg_p" name="Password" placeholder="请输入6-8位登录密码" maxlength="8">
										<input type="password" id="reg_rp" name="Password" placeholder="请再次输入登录密码" maxlength="8">
										<input type="email" id="reg_email" name="Email" placeholder="请输入邮箱">
										<input type="text" id="reg_phone" name="Username" placeholder="请输入手机号" maxlength="11">
										<div style="position:relative;">
											<input type="text" id="reg_code" name="Phone" placeholder="请输入手机验证码" maxlength="6">
											<i class="getIdenCode" onclick="dpy.Login.getPhoneCode()">获取验证码</i>
										</div>
										<input type="submit" value="注册" onclick="dpy.Login.Register()">
									<!-- </form> -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //bootstrap-pop-up 登录注册弹窗-->
	<script>
		//登录注册模块之间互相切换；
		$('.toggle').click(function () {
			// Switches the Icon
			$(this).children('i').toggleClass('fa-pencil');
			// Switches the forms  
			$('.formToggle').animate({
				height: "toggle",
				'padding-top': 'toggle',
				'padding-bottom': 'toggle',
				opacity: "toggle"
			}, "slow");
		}); 
	</script>
	<!-- //bootstrap-pop-up 重置密码弹窗-->
	<div class="modal video-modal fade" id="forgetPassWordModal" tabindex="-1" role="dialog" aria-labelledby="forgetPassWordModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					重置密码
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div>
					<div class="modal-body">
						<div class="w3_login_module">
							<div class="module form-module">
								<div class="form" style="display:block!important;">
									<h3>找回密码</h3>
									<form action="#" method="post">
										<input type="text" name="Username" placeholder="请输入用户名" required="">
										<input type="password" name="Password" placeholder="请设置登录密码" required="">
										<input type="password" name="Password" placeholder="请确认登录密码" required="">
										<input type="email" name="Email" placeholder="请输入邮箱" required="">
										<input type="text" name="Phone" placeholder="请输入手机号码" required="">
										<div style="position:relative;">
											<input type="text" name="Phone" placeholder="请输入手机验证码" required="">
											<i class="getIdenCode">获取验证码</i>
										</div>
										<input type="submit" value="重置密码">
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- bootstrap-pop-up 重置密码弹窗-->

	<!-- bootstrap-pop-up 注册弹窗-单独的-->
	<div class="modal video-modal fade" id="regiVipModal" tabindex="-1" role="dialog" aria-labelledby="regiVipModal">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						注册新账户
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div>
						<div class="modal-body">
							<div class="w3_login_module">
								<div class="module form-module">
									<div class="form" style="display:block!important;">
										<h3>注册新账户</h3>
										<form action="#" method="post">
											<input type="text" name="Username" placeholder="请输入用户名" required="">
											<input type="password" name="Password" placeholder="请设置登录密码" required="">
											<input type="password" name="Password" placeholder="请确认登录密码" required="">
											<input type="email" name="Email" placeholder="请输入邮箱" required="">
											<input type="text" name="Phone" placeholder="请输入手机号码" required="">
											<div style="position:relative;">
												<input type="text" name="Phone" placeholder="请输入手机验证码" required="">
												<i class="getIdenCode">获取验证码</i>
											</div>
											<input type="submit" value="注册">
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
	<!-- bootstrap-pop-up 注册弹窗-单独的-->


	<!-- nav -->
	<div class="movies_nav">
		<div class="container">
			<nav class="navbar navbar-default">
				<!-- 如果屏幕小于767，这个菜单就会生效 -->
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- 如果屏幕小于767，这个菜单就会生效 -->
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<!-- <nav> -->
						<ul class="nav navbar-nav">
							<li><a href="/">首页</a></li>
							<li><a href="/tg">技术指南</a></li>
							<li><a href="/form/yixing">人工报价</a></li>
							<li><a href="/proList">产品展示</a></li>
							<li><a href="/aboutUs">关于我们</a></li>
						</ul>
					<!-- </nav> -->
					<script>
						$(function () {
							let hrefs = ['/', '/tg', '/form/yixing', '/proList', '/aboutUs']
							let index = hrefs.indexOf(location.pathname)
							if (index >= 0) {
								$('.nav.navbar-nav li').eq(index).addClass('active') 
							}

							dpy.Login.getUserinfo()
						})
					</script>
				</div>
			</nav>
		</div>
	</div>
	<!-- //nav -->